<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"/>
    <!--<link rel="stylesheet" href= "css/sm.min.css"/>-->
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" href="css/swiper.css"/>
    <link rel="stylesheet" href="css/sm-extend.css"/>
    <!--<link rel="stylesheet" href="css/animate.css"/>-->
    <script src="js/zepto.js"></script>
    <title>首页</title>
</head>
<body>
<script src="../js/overall_mask.js"></script>
<div  class="page-group">
    <div id="index" class="page">
        <header>
            <div class="header header-border">
                <div class="c">厨宝宝</div>
                <a href="call:123456789" class="r"><i class="icon icon-call"></i></a>
            </div>
            <!--<div class="second-header">-->
                <!--<ul class="clear">-->
                    <!--<li class="on1">-->
                        <!--前菜-->
                        <!--<span class="line"></span>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--主菜-->
                        <!--<span class="line"></span>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--汤羹-->
                        <!--<span class="line"></span>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--甜点-->
                        <!--<span class="line"></span>-->
                    <!--</li>-->
                <!--</ul>-->
            <!--</div>-->
        </header>
        <div class="content pdfoot" ms-controller="index">
            <div id="swiper-container1" class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="#"><img src="img/update/cw-banner1_02.jpg" alt=""/></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/update/cw-banner1_02.jpg" alt=""/></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="img/update/cw-banner1_02.jpg" alt=""/></a>
                    </div>
                </div>
                <div class="swiper-pagination">
                </div>
            </div>
            <div class="pd10">
                <div class="fnc-list">
                    <ul class="clear">
                        <li class="pr">
                            <a href="../html/daily_meal/daily_meal.html">
                                <div class="fnc_img fnc_img1 auto"></div>
                                <p>日<span>|</span>常<span>|</span>用<span>|</span>餐</p>
                                <span class="cir"></span>
                            </a>
                        </li>
                        <li>
                            <a href="../html/cockbook/cockbook.html">
                                <div class="fnc_img fnc_img2 auto"></div>
                                <p>名<span>|</span>厨<span>|</span>菜<span>|</span>谱</p>
                            </a>

                        </li>
                        <li class="nobor">
                            <a href="#">
                                <div class="fnc_img fnc_img3 auto"></div>
                                <p>私<span>|</span>人<span>|</span>定<span>|</span>制</p>
                            </a>

                        </li>
                        <li class="nobor">
                            <a href="../html/explore_food/exploreFood.html">
                                <div class="fnc_img fnc_img4 auto"></div>
                                <p>美<span>|</span>食<span>|</span>探<span>|</span>索</p>
                            </a>

                        </li>
                    </ul>
                </div>
                <div class="recommend">
                    <p class="title"><span>推荐</span></p>
                    <div class="pubox m-list">
                        <div class="pubox-list">
                            <div class="pubox_item " ms-repeat="tuijian1">
                                <div class="tag tag1"></div>
                                <div class="imgClu">
                                    <a href="../html/daily_meal/package_detail.html"><img src="img/update/cw-pu2_03.jpg" alt=""/></a>
                                </div>
                                <div class="name">
                                    <h4 ms-text="el.typeName"></h4>
                                    <p ms-text="el.intro"></p>
                                </div>
                            </div>
                        </div>
                        <div class="pubox-list">
                            <div class="pubox_item " ms-repeat="tuijian2">
                                <div class="tag tag1"></div>
                                <div class="imgClu">
                                    <a href="../html/daily_meal/package_detail.html"><img src="img/update/cw-pu2_03.jpg" alt=""/></a>
                                </div>
                                <div class="name">
                                    <h4 ms-text="el.typeName"></h4>
                                    <p ms-text="el.intro"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <footer class="footer">
            <ul class="m-list list-justify">
                <li class="on">
                    <a href="javascript:;">
                        <i class="icon icon-home"></i>
                        <p>首页</p>
                    </a>
                </li>
                <li>
                    <a href="cook.html">
                        <i class="icon icon-cook"></i>
                        <p>厨师</p>
                    </a>
                </li>
                <li>
                    <a href="order_w_pay.html">
                        <i class="icon icon-list"></i>
                        <p>订单</p>
                    </a>
                </li>
                <li>
                    <a href="user.html">
                        <i class="icon icon-user"></i>
                        <p>我的</p>
                    </a>
                </li>
            </ul>
        </footer>
    </div>
</div>
    <!--<script src="js/sm.js"></script>-->
    <!--<script src="js/sm-extend.js"></script>-->
    <!--<script src="js/avalon.mobile.min.js"></script>-->
    <!--<script src="js/swiper.jquery.min.js"></script>-->
    <!--<script>-->

        <!--var mySwiper1 = new Swiper('#swiper-container1',{-->
            <!--pagination: '.swiper-pagination'-->
        <!--});-->
        <!--var index = avalon.define({-->
            <!--$id: 'index',-->
<!--//            link: 'http://10.100.0.106/upload/pic/',-->
            <!--tuijian1: [],-->
            <!--tuijian2: []-->

        <!--});-->
<!--var  datas = {-->
    <!--"msg":"",-->
    <!--"data":{-->
        <!--"link":[-->
            <!--{"rank":1,"id":1,"url":"link1.png"},-->
            <!--{"rank":2,"id":2,"url":"link2.png"},-->
            <!--{"rank":3,"id":3,"url":"link3.png"},-->
            <!--{"rank":4,"id":4,"url":"link4.png"},-->
            <!--{"rank":5,"id":5,"url":"link5.png"}],-->
        <!--"combo":[-->
            <!--{-->
                <!--"pic1":"link1.png",-->
                <!--"comboName":"asdsadada",-->
                <!--"intro":"唯有美食与爱不可辜负！",-->
                <!--"typeName":"asdsadasda",-->
                <!--"id":1,-->
                <!--"collectNumber":0-->
            <!--},-->
            <!--{-->
                <!--"pic1":"link2.png",-->
                <!--"comboName":"家庭套餐",-->
                <!--"intro":"唯有美食与爱不可辜负！",-->
                <!--"typeName":"家庭套餐",-->
                <!--"id":2,-->
                <!--"collectNumber":0-->
            <!--},-->
            <!--{-->
                <!--"pic1":"link2.png",-->
                <!--"comboName":"家庭套餐",-->
                <!--"intro":"唯有美食与爱不可辜负！",-->
                <!--"typeName":"家庭套餐",-->
                <!--"id":2,-->
                <!--"collectNumber":0-->
            <!--},-->
            <!--{-->
                <!--"pic1":"link2.png",-->
                <!--"comboName":"家庭套餐",-->
                <!--"intro":"唯有美食与爱不可辜负！",-->
                <!--"typeName":"家庭套餐",-->
                <!--"id":2,-->
                <!--"collectNumber":0-->
            <!--}-->
        <!--]-->
    <!--},-->
    <!--"success":true-->
    <!--};-->
        <!--for(var i = 0; i <datas.data.combo.length; i++){-->
            <!--datas.data.combo[i].pic1 = 'http://10.100.0.106/upload/pic/' + datas.data.combo[i].pic1;-->
            <!--if(i % 2 == 0){-->
                <!--index.tuijian1.push(datas.data.combo[i])-->
            <!--}else{-->
                <!--index.tuijian2.push(datas.data.combo[i])-->
            <!--}-->
        <!--}-->
        <!--setTimeout(function(){-->

            <!--index.tuijian = datas.data.combo;-->

        <!--},20)-->

    <!--</script>-->
</body>
</html>